.search-header {
    background-color: #000;
    .header__link {
        color: #fff;
    }
    .header__serch {
        line-height: 44px;
        height: 44px;
        left: 60px;
        right: 60px;
        input::-webkit-input-placeholder {
            color: #B1B1B1 !important;
            text-indent: 10px;
            line-height: 14px;
        }
        input:-moz-placeholder {
            color: #B1B1B1 !important;
            text-indent: 10px;
            line-height: 14px;
        }
        input::-moz-placeholder {
            color: #B1B1B1 !important;
            text-indent: 10px;
            line-height: 14px;
        }
        input:-ms-input-placeholder {
            color: #B1B1B1 !important;
            text-indent: 10px;
            line-height: 14px;
        }
        .search_box {
            display: inline-block;
            width: 100%;
            height: 25px;
            -webkit-user-select: text;
            border: 1px solid rgba(0, 0, 0, .2);
            border-radius: 3px;
            outline: none;
            background-color: #fff;
            position: absolute;
            top: 50%;
            margin-top: -12.5px;
            left: 0;
            right: 0;
            text-align: left;
        }
        .serch__input {
            height: 22px;
            padding: 5px 0;
            line-height: 14px;
            margin: 0;
            padding: 0;
            font-size: 12px;
            text-indent: 10px;
            color: #565656;
            width: auto;
            border: 0;
            border-radius: 0;
            display: inherit;
            width: 80%;
        }
        .serch__icon {
            width: 12px;
            height: 12px;
            position: absolute;
            top: 50%;
            margin-top: -6px;
            right: 10px;
        }
        .serch__icon__png {
            // background: url("../images/service_serch.png") no-repeat;
            background-size: contain;
        }
    }
}
.search-render-hot-table{
    .search-empty {
        text-align: center;
        line-height: 50px;
    }
    .hot-entry {
        height: 42px;
        .entry__name {
            font-size: 12px;
            font-weight: 400;
            line-height: 14px;
            margin: 0;
        }
        .entry__text {
            font-size: 10px;
            line-height: 14px;
            color: #666;
        }
    }
}
#load_popover {
    display: none;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1000;
}
.loading {
    position: absolute; //  left:60px;
    //  top:60px;
    top: 45%;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    backgrouond: #efefef;
}
.loading>span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ccc; //  background:#f00;
    -webkit-animation: beat 0.7s infinite linear;
    animation: beat 0.7s infinite linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.loading>span:nth-child(odd) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.loading>span:nth-child(even) {
    -webkit-animation-delay: 0.35s;
    animation-delay: 0.35s;
}
@-webkit-keyframes beat {
    50% {
        -webkit-transform: scale(0.75);
        opacity: 0.2;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@keyframes beat {
    50% {
        transform: scale(0.75);
        opacity: 0.2;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
#item1mobile {
    .mui-pull-loading {
        display: none;
    }
}